<div class="layui-container fly-marginTop">
	<div class="fly-panel fly-panel-user" pad20="">
		<div class="layui-tab layui-tab-brief" lay-filter="user">
			<ul class="layui-tab-title">
				<li><a href="{:url('index/Login/index')}">登入</a></li>
				<li class="layui-this">注册</li>
			</ul>
			<div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
				<div class="layui-tab-item layui-show">
					<div class="layui-form layui-form-pane">
						<form method="post" action="">
							<div class="layui-form-item">
								<label for="L_email" class="layui-form-label">手机</label>
								<div class="layui-input-inline">
									<input type="text" id="phone" name="phone" value="15674869541" required="" lay-verify="phone" autocomplete="off" class="layui-input" />
								</div>
							</div>
							<div class="layui-form-item">
								<label for="L_vercode" class="layui-form-label">图形码</label>
								<div class="layui-input-inline">
									<input type="text" id="captcha" name="captcha" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
								<div class="layui-form-mid" style="padding: 0!important;">
									<img src="{:url('index/Reg/code')}" id="code" class="fly-imagecode" />
								</div>
							</div>
							<!--<div class="layui-form-item">-->
								<!--<label for="L_vercode" class="layui-form-label">验证码</label>-->
								<!--<div class="layui-input-inline">-->
									<!--<input type="text" id="L_vercode" name="vercode" required="" lay-verify="required" placeholder="请输入手机短信验证码" autocomplete="off" class="layui-input" />-->
								<!--</div>-->
								<!--<div class="layui-form-mid" style="padding: 0!important;">-->
									<!--<button type="button" class="layui-btn layui-btn-normal" id="getvercode">获取验证码</button>-->
								<!--</div>-->
							<!--</div>-->
							<div class="layui-form-item">
								<label for="L_username" class="layui-form-label">昵称</label>
								<div class="layui-input-inline">
									<input type="text" id="L_username" name="nickname" value="xiaoxin" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
								<div class="layui-form-mid layui-word-aux">
									你在社区的名字
								</div>
							</div>
							<div class="layui-form-item">
								<label for="L_pass" class="layui-form-label">密码</label>
								<div class="layui-input-inline">
									<input type="password" id="L_pass" name="password" value="123123123" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
								<div class="layui-form-mid layui-word-aux">
									6到16个字符
								</div>
							</div>
							<div class="layui-form-item">
								<label for="L_repass" class="layui-form-label">确认密码</label>
								<div class="layui-input-inline">
									<input type="password" id="L_repass" name="repassword" value="123123123" required="" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
							</div>
							<div class="layui-form-item" style="position: relative; left: -10px; height: 32px;">
								<input type="checkbox" name="agreement" lay-skin="primary" title="" checked="" />
								<a href="/instructions/terms.html" target="_blank" style="position: relative; top: 4px; left: 5px; color: #999;">同意用户服务条款</a>
							</div>
							<div class="layui-form-item">
								<button class="layui-btn" lay-filter="Reg" lay-submit="">立即注册</button>
							</div>
							<div class="layui-form-item fly-form-app">
								<span>或者直接使用社交账号快捷注册</span>
								<a href="/app/qq" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-qq" title="QQ登入"></a>
								<a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" class="iconfont icon-weibo" title="微博登入"></a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>

	$('#code').click(function () {
		$(this).attr('src',$(this).attr('src')+'?'+Math.random());
    })
    //Demo
    layui.use('form', function(){
        var form = layui.form;

        // $('#getvercode').click(function () {
        //     phone = $('#phone').val();
        //     if (phone.length!=11){
        //         layer.msg('请填写正确的手机号码', {icon: 9},function () {
        //         });
        //     }
        //     captcha = $('#captcha').val();
        //     if (captcha.length<3){
        //         layer.msg('请填写正确的验证码', {icon: 9},function () {
        //         });
        //     }
        //     $.post("{:url('index/Reg/vercode')}", {phone:phone,captcha:captcha}, function(res, textStatus, xhr) {
        //         /*optional stuff to do after success */
        //     });
        // })
        //监听提交
        form.on('submit(Reg)', function(data){
            $.post("{:url('index/Reg/checkReg')}", data.field, function(res, textStatus, xhr) {
                if (res.code==0){
                    $('#code').click();
                    layer.msg(res.msg, {icon: 9},function () {
                    });
				}else{
                    $('#code').click();
                    layer.alert(res.msg, {icon: 1},function (){
                        location.href=("{:url('index/Login/index')}");
                    });
				}
            });
            return false;
        });
    });
</script>
